docs: 添加 changelog 并优化前端交互体验

- 新增 changelog/2025-12-18.md 记录项目变更历史
- 完善 DataChannel 聊天功能，支持 Send 按钮和 Enter 键发送，未建立连接时显示提示
- 优化成员列表渲染为胶囊按钮样式，禁用当前用户，点击其他成员自动填入 Remote ID
- 统一状态机与按钮状态管理，Join/Leave 文案动态切换，输入框根据状态启用/禁用
- 修复信令与通话流程，收到 offer 后自动进入 calling 状态，

Author: ShiJiashuai

web/index.html

@@ -65,15 +65,11 @@ <h2 class="card__title">呼叫与控制</h2>
 
     <section class="card card--full">
      <h2 class="card__title">视频</h2>
-     <div class="videos">
+     <div id="videos" class="videos">
       <div class="video-tile">
        <div class="video-tile__label">本地</div>
        <video id="local" autoplay playsinline muted></video>
       </div>
-      <div class="video-tile">
-       <div class="video-tile__label">远端</div>
-       <video id="remoteVideo" autoplay playsinline></video>
-      </div>
      </div>
     </section>
 
@@ -89,11 +85,11 @@ <h2 class="card__title">聊天</h2>
 
     <section class="card">
      <h2 class="card__title">使用提示</h2>
-     <div class="muted" style="font-size: 13px; line-height: 1.65;">
-      <div>1. 打开两个窗口，输入相同 Room 并 Join。</div>
-      <div>2. 点击成员 ID 自动填入 Remote，然后 Call。</div>
-      <div>3. 通话建立后，可聊天、屏幕共享与录制。</div>
-     </div>
+      <div class="muted" style="font-size: 13px; line-height: 1.65;">
+       <div>1. 打开两个窗口，输入相同 Room 并 Join。</div>
+       <div>2. 点击成员 ID 自动填入 Remote，然后 Call（可对多个成员重复）。</div>
+       <div>3. 通话建立后，可聊天、屏幕共享与录制。</div>
+      </div>
     </section>
    </div>
   </div>