刷新按钮改用 span 结构 + flex 布局，彻底修复高度抖动\n\n问题：\n- width:120px + 字符 ↻ 在某些字体下被当成大尺寸字符渲染\n- 文字强制换行成两行，按钮高度暴涨到 150px+ 变成竖长方形\n\n修复：\n- 改用 ⟳ (U+27F3) 字符，更稳定\n- HTML 结构：<span class="btn-icon">⟳</span><span class="btn-text">刷新</span>\n- CSS 改用 display:inline-flex + align-items:center + justify-content:center\n- 固定 height:36px + padding:0 16px\n- JS 通过 .btn-text 选择器单独更新文字，保留图标 span

templates/index.html

@@ -125,7 +125,10 @@
                         <label class="filter-checkbox">
                             <input type="checkbox" id="finishedOnly"> 仅看已读完
                         </label>
-                        <button class="shelf-refresh-btn" id="shelfRefreshBtn" onclick="refreshShelf()" title="重新加载书架数据">↻ 刷新</button>
+                        <button class="shelf-refresh-btn" id="shelfRefreshBtn" onclick="refreshShelf()" title="重新加载书架数据">
+                            <span class="btn-icon">⟳</span>
+                            <span class="btn-text">刷新</span>
+                        </button>
                     </div>
                     <div class="shelf-info" id="shelfInfo"></div>
                 </div>