perf(modal): unify cancellable frontend modal flows

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

templates/parts/user/author-hero.php

@@ -108,15 +108,13 @@ $pm_url = ($pm_enabled && $messages_url !== '')
 				</h1>
 			<?php endif; ?>
 
-			<?php
-			// Badge detail modal runtime link.
-			if (class_exists('\AKSRT\User\Badges') && \AKSRT\User\Badges::enabled() && \AKSRT\User\Badges::public_display()) {
-				$badge_link = \AKSRT\User\Badges::get_info_link($user_id, 'but but-sm jb-blue mt6', __('徽章明细', 'aksrt'));
-				if ($badge_link !== '') {
-					echo '<div class="aksrt-author-hero__badges">' . $badge_link . '</div>'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
-				}
-			}
-			?>
+			<?php if (class_exists('\AKSRT\User\Badges') && \AKSRT\User\Badges::enabled() && \AKSRT\User\Badges::public_display()) : ?>
+				<div class="aksrt-author-hero__badges">
+					<button type="button" class="but but-sm jb-blue mt6" data-aksrt-badges-open data-aksrt-badges-user-id="<?php echo (int) $user_id; ?>" data-aksrt-badges-can-wear="<?php echo $is_own ? '1' : '0'; ?>">
+						<i class="fas fa-award" aria-hidden="true"></i> <?php esc_html_e('徽章明细', 'aksrt'); ?>
+					</button>
+				</div>
+				<?php endif; ?>
 
 			<?php
 			// IP 归属地 (zibll author_header_identity / user_city_s).